<template>
    <p :style="{color:activeColor, fontSize: fontSize + 'px'}">样式绑定1</p>
    <p :style="styleObj">样式绑定2</p>
    <p :style="[styleObj]">样式绑定3</p>
    
</template>
<script>
export default {
    data() {
        return {
            activeColor:'red',
            fontSize: 30,
            styleObj:{
                color: 'blue',
                fontSize: '30px'
            }
        }
    },
    methods: {

    }
}

</script>
<style type="text/css">
</style>